<template>
    <div class="success">
      <img src="/static/img/gift.png" mode="widthFix" alt="">
      <div class="title">订单已提交至后台处理</div>
      <button class="primary btn" open-type="contact" bindcontact="handleContact">联系客服</button>
      <button class="back btn" ﻿@tap="goPage()">返回首页</button>
    </div>
</template>

<script>
    export default {
        name: "detail",
      data(){
          return{
          }
      },
      methods:{
        goPage(){
          ﻿uni.switchTab({
            url:'/pages/index'
          })
        }
      }
    }
</script>

<style scoped>
  .success{
    margin: 147rpx 106rpx 76rpx;
    text-align: center;
  }
  img{
    width: 100%;
  }
  .title{
    font-size:30rpx;
    font-family:PingFang SC;
    font-weight:bold;
    color:rgba(137,137,137,1);
    margin: 76rpx 0 91rpx 0;
    letter-spacing: 2rpx;
  }
  .btn{
    border-radius:37rpx;
    font-size:30rpx;
    font-weight:bold;
    font-family:PingFang SC;
    line-height:75rpx;
    letter-spacing: 2rpx;
  }
  .primary{
    background:rgba(254,124,22,1);
    color:rgba(254,254,254,1);
    margin-bottom: 33rpx;
  }
  .back{
    background:rgba(254,254,254,1);
    color:rgba(254,124,22,1);
    border: 1px solid rgba(254,124,22,1);
  }
</style>
